/*整体布局*/
.main{
	position: absolute;
	/*top:0.84rem;*/
	padding-top: 0.84rem;
	width:100%;height:100%;
	overflow: scroll;
	padding-bottom: 2.2rem;
}

/*头部导航*/
.navs{
	position: fixed;
	z-index: 200;
	width:100%;height: 1rem;
	background: #FFFFFF;
	border-bottom: 1px solid #E5E5E5;
}
.mySwiper{
	width:100%;
	height: auto;
	margin-top: 1rem;
	/*padding-top: 1.187rem;*/
}
/*******空 开始*********/
.isnone{
	
}
/********空 结束*******/
/**********导航栏  明细    开始***********/
.navs a{
	display: block;
	float: left;
	width:50%;height: 1rem;line-height: 1rem;
	text-align: center;
}

.navs a span{
	display: inline-block;
	width:100%;height: 0.375rem;line-height: 0.375rem;
	font-size: 0.313rem;
	color:#333333;
	text-align: center;
}
.navs .nav1 span{border-right: 1px solid #E5E5E5;}

.navs .active{
	background: url(../images/buycar/border.png) ;
	background-position: bottom;
	background-position-x: center;
	background-repeat: no-repeat;
	background-size: 1.2rem 0.05rem;
	color:#fe9601;
}
.navs .active span{color:inherit;}

.mySwiper .swiper-container{
	/*height: 100%;*/
	height: auto;
	
}

.mySwiper .swiper-container .swiper-wrapper{
	height: auto;
	
}
.mySwiper .swiper-container .swiper-wrapper .swiper-slide{
	
}

/**公共样式*/
.item{
	width:100%;height: auto;
	background: #FFFFFF;
	margin-top: 0.18rem;
}

.i_top{
	width:100%;height: 0.7rem;
	line-height: 0.7rem;
	box-sizing: border-box;
	padding:0 0.313rem;
}
.i_con{
	width:100%;height: auto;
}

.i_con .i_c_con,.i_con .i_c_con2{
	width:100%;height: 1.9rem;
	margin-bottom: 0.1rem;
}

.i_con .i_c_con:last-child{
	margin-bottom: 0;
}
.i_con .i_c_con2:last-child{
	margin-bottom: 0;
}
.i_c_con a{
	display: block;
	width:100%;height: 1.9rem;
	background: #F5F5F5;
	box-sizing: border-box;
	padding:0.12rem 0.313rem;
}
.i_c_con2 a{
	display: block;
	width:100%;height: 1.9rem;
	background: #F5F5F5;
	box-sizing: border-box;
	padding:0.2rem 0.313rem;
}

.i_c_con a:active{
	background: #ECECEC;
}
.i_c_con2 a:active{
	background: #ECECEC;
}

.i_bot{
	width:100%;height: 1.08rem ;
	box-sizing: border-box;
	padding:0 0.313rem;
}
.i_bot2{
	width:100%;height: auto ;
	box-sizing: border-box;
	
}
.i_bot2_top{
	padding:0 0.313rem;
	width:100%;height:0.77rem ;line-height: 0.77rem;
	
	border-bottom: 1px solid #E5E5E5;
}
.i_bot2_top .i_bot2_bot_left{
	float:left;
}
.i_bot2_top .i_bot2_bot_right{
	float:right;
}
.i_bot2_bot{
	box-sizing: border-box;
	padding-right: 0.313rem;
	width:100%;height: 0.92rem;line-height: 0.92rem;
	text-align: right;
	}
.i_bot2_bot input{
	width:1.57rem;height: 0.5rem;line-height: 0.5rem;
	text-align: center;
	font-size: 0.25rem;color:#fe9601;
	border:1px solid #FE9601;
	border-radius: 0.3rem;
	background: #FFFFFF;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-ms-progress-appearance: none;
	-webkit-appearance: none;
}
.i_bot2_bot input:active{
	background: #F5F5F5;
}

/**商品头部明细**/
.i_top_left{
	float:left;
	font-size: 0.23rem;
	color:#888888;
}
.i_top_right{
	float:right;
	font-size: 0.25rem;
	color:#ff5447;
	height: 0.7rem;line-height: 0.7rem;
}

.i_top_right>.timer{
	width:100%;height: 0.7rem;line-height: 0.7rem;
	font-size: 0.25rem;color:#FF5447;
}
.i_top_right .itemrate{
	width:100%;height: 0.7rem;line-height: 0.7rem;
	font-size: 0.25rem;color:#FE9601;
}
.i_top_right .clock{
	width:0.27rem;height: 0.27rem;
	float:left;
	margin-top: 0.19rem;
	margin-right: 0.1rem;
}

/**item 订单中部明细**/
.item1 .goodpic{
	float:left;
	width:1.148rem;height: 1.67rem;
}

.goodpic2{
	float:left;
	width:1.46rem;height: 1.46rem;
}

.item1 .goodstype{
	float:left;
	width:4rem;height: 1.67rem;
	margin-left: 0.35rem;
}

.goodstype2{
	float:left;
	width:3.5rem;height: 1.67rem;
	margin-left: 0.2rem;
} 

.item1 .goodsnum{
	position: absolute;
	margin-top: 0.35rem;right:0.313rem;
	width:1rem;height: 0.35rem;line-height: 0.35rem;
	text-align: right;
	font-size: 0.25rem;color:#333333;
}
.item1 .goodsname{
	margin-top:0.18rem;
	width:3.8rem;height:0.35rem;line-height: 0.35rem;
	font-size: 0.25rem;color:#333333;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	margin-bottom: 0.2rem;
}
.item1 .ages{
	width:3.8rem;height:0.35rem;line-height: 0.35rem;
	font-size: 0.25rem;color:#888888;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	margin-bottom: 0.14rem;
}
.isbn{
	width:3.8rem;height:0.33rem;line-height: 0.33rem;
	font-size: 0.23rem;color:#A5A5A5;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.goodsname2{
	width:3.5rem;height: 0.72rem;line-height: 0.36rem;
	font-size: 0.27rem;color:#333333;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 0.04rem;
	margin-bottom: 0.1rem;
}
.goodsize{
	width:3.5rem;height: 0.62rem;line-height: 0.31rem;
	font-size: 0.23rem;color:#888888;
}
.goodsprice{
	position: absolute;
	width:1rem;height: 0.36rem;line-height: 0.36rem;
	margin-top:0.04rem ;right: 0.313rem;
	text-align: right;
	font-size: 0.27rem;
}
.goodsnum2{
	position: absolute;
	width: 1rem;height: 0.27rem;line-height: 0.27rem;
	text-align: right;
	font-size: 0.27rem;color:#A5A5A5;
	margin-top:0.9rem;right: 0.313rem;
	
}
/********************/
.i_bot_left{
	float:left;
	width: 4.5rem;height: 1.08rem;
}
.i_bot_left .ibl_type1{
	width: 4.5rem;height: 1.08rem;
}
.i_bot_left .ibl_type2{
	width: 4.5rem;height: 1.08rem;line-height: 1.08rem;
}
.ibl_type1 .spsl{
	font-size: 0.25rem;color:#333333;
	width:3.5rem;height: 0.33rem;line-height: 0.33rem;
	margin-top:0.2rem;
}
.ibl_type1 .shuoming{
	width:4.5rem;height: 0.43rem;line-height: 0.43rem;
	font-size: 0.23rem;color:#A5A5A5;
}
.ibl_type2 .spsl{
	font-size: 0.25rem;color:#333333;
}
.i_bot_right{
	float:right;
	width:2rem;height: 1.08rem;line-height: 1.08rem;
	text-align: right;
}

.i_bot_right input{
	width: 1.57rem;height: 0.5rem;line-height: 0.5rem;
	text-align: center;
	font-size: 0.25rem;
	background: #FFFFFF;
	border-radius:0.25rem;
}
.i_bot_right input:active{
	background: #F5F5F5;
}

.i_bot_right .cancel{
	color:#333333;
	background: #FFFFFF;
	border:1px solid #414141;
}
.i_bot_right .unuse{
	background:#f4f4f4;
	color:#a3a3a3;
	border:none;
	border:1px solid #F4F4F4;
}
.comment{
	color:#fe9601;font-size: 0.25rem;
	border:1px solid #fe9601;
	background: #FFFFFF;
}


/**没有订单*/
.isnone{
	width:100%;height: 100%;
	text-align: center;
	box-sizing: border-box;
	/*padding-top: 1.8rem;*/
	background: #FFFFFF;
	padding-bottom: 5rem;
}
.isnone img{
	margin-top: 1.8rem;
	width:2.95rem;height: 2.18rem;
	margin-bottom: 0.313rem;
}
.isnone div{
	
	font-size: 0.25rem;color:#888888;
	text-align: center;
}

/*****弹出菜单 开始*******/
/*购物车删除提示*/
.grey{
	position: fixed;z-index: 299;
	width:100%;height: 100%;top:0;left:0;
	background: rgba(20,20,20,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
}
.grey .whiteboard{
	z-index: 299;border-radius: 0.2rem;
	width:6.26rem;height: 3rem;
	background: #FFFFFF;
}
.wb_top{
	width:100%;height: 0.4rem;line-height: 0.4rem;
	font-size: 0.313rem;color:#333333;
	margin-top:0.64rem;
	margin-bottom: 0.8rem;
	text-align: center;
}

.wb_bot{
	width:100%;height: 0.67rem;
	box-sizing: border-box;
	padding: 0 0.79rem;
}
.wb_bot>button{
	width:1.94rem;height: 0.67rem;line-height: 0.67rem;
	text-align: center;font-size: 0.292rem;
	border-radius: 0.5rem;
	border:none;
	outline: medium;
	appearance: none;-moz-appearance: none;
	-ms-progress-appearance: none;-webkit-appearance: none;
}
.wb_bot .wb_bot_cancel{
	float:left;
	background: #FFFFFF;
	color:#888888;
	border:1px solid #E5E5E5;
}
.wb_bot .wb_bot_cancel:active{
	background: #F5F5F5;
}
.wb_bot .wb_bot_comfirm{
	float:right;
	background: #fe9102;
	color:#FFFFFF;
}
.wb_bot .wb_bot_comfirm:active{
	background: #ff7800;
}
